<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Factorship - Industrial Category Bootstrap Responsive Template | Blog</title>
    <!-- google fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,600&display=swap" rel="stylesheet">
    <!-- Template CSS -->
    <link rel="stylesheet" href="assets/css/style-liberty.css">
</head>

<body>
    <!--/Header-->
    <header id="site-header" class="fixed-top">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light stroke py-lg-0">
                <h1><a class="navbar-brand" href="index.html">
                        <span class="sub-color">Factor</span>ship
                    </a></h1>
                <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
                    <span class="navbar-toggler-icon fa icon-close fa-times"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarScroll">
                    <ul class="navbar-nav mx-lg-auto my-2 my-lg-0 navbar-nav-scroll">
                        <li class="nav-item">
                            <a class="nav-link" aria-current="page" href="index.html">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="about.html">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="services.html">Services</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle active" href="#Pages" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                Pages <span class="fa fa-angle-down ms-1"></span>
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item pt-2" href="blog.html">Blog Page</a></li>
                                <li><a class="dropdown-item" href="blog-single.html">Blog Single</a></li>

                                <li><a class="dropdown-item" href="email.html">Email Page</a></li>
                                <li><a class="dropdown-item" href="elements.html">Elements</a></li>

                                <li><a class="dropdown-item" href="landing.html">Landing Page</a></li>

                                <li><a class="dropdown-item" href="error.html">Error Page</a></li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="contact.html">Contact</a>
                        </li>
                    </ul>
                    <!--/search-->
                    <button id="trigger-overlay" class="searchw3-icon me-xl-4 me-lg-3" type="button"><i class="fas fa-search"></i></button>
                    <!-- open/close -->
                    <div class="overlay overlay-slidedown">
                        <button type="button" class="overlay-close"><i class="fas fa-times"></i></button>
                        <nav class="w3l-formhny">
                            <form action="#" method="GET" class="d-sm-flex search-header">
                                <input class="form-control me-2" type="search" placeholder="Search here..." aria-label="Search" required>
                                <button class="btn btn-style btn-secondary me-lg-3" type="submit">Search</button>
                            </form>
                        </nav>
                    </div>
                    <!--//search-->
                </div>
                <!-- toggle switch for light and dark theme -->
                <div class="mobile-position">
                    <nav class="navigation">
                        <div class="theme-switch-wrapper">
                            <label class="theme-switch" for="checkbox">
                                <input type="checkbox" id="checkbox">
                                <div class="mode-container">
                                    <i class="gg-sun"></i>
                                    <i class="gg-moon"></i>
                                </div>
                            </label>
                        </div>
                    </nav>
                </div>
                <!-- //toggle switch for light and dark theme -->
            </nav>
        </div>
    </header>
    <!--//Header-->
    <!--/inner-page-->
    <div class="inner-banner py-5">
        <section class="w3l-breadcrumb text-left py-sm-5 ">
            <div class="container">
                <div class="w3breadcrumb-gids">
                    <div class="w3breadcrumb-left text-left">
                        <h2 class="inner-w3-title mt-sm-5 mt-4">
                            Blog Page </h2>

                    </div>
                    <div class="w3breadcrumb-right">
                        <ul class="breadcrumbs-custom-path">
                            <li><a href="index.html">Home</a></li>
                            <li class="active"><span class="fas fa-angle-double-right mx-2"></span> Blog </li>
                        </ul>
                    </div>
                </div>

            </div>
        </section>
    </div>
    <!--//inner-page-->
	<div style="margin: 8px auto; display: block; text-align:center;">

<!---728x90--->

 
</div>
    <!--/blog-section-->
    <section class="w3l-blog-single">
        <div class="single blog py-5">
            <div class="container py-lg-5 py-md-4">
                <div class="d-grid grid-colunm-2">
                    <!-- left side blog post content -->
                    <div class="single-left">
                        <div class="single-left1">
                            <div class="blg-img">
                                <a href="blog-single.html"><img src="assets/images/banner1.jpg" alt=" " class="img-fluid">
                                    <div class="bl-top">
                                        <h4>26th Sep, 2021</h4>
                                    </div>
                                </a>
                            </div>

                            <div class="btom-cont">
                                <h5 class="card-title"><a href="blog-single.html">Making The Offshore Life Cycle Smarter</a></h5>
                                <ul class="admin-post">
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-user"></span>Admin</a>
                                    </li>
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-tags"></span>Building Construction</a>
                                    </li>
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-comments"></span>Comments (20)</a>
                                    </li>
                                </ul>
                                <p class="">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium tatum
                                    deleniti atque corrupti quos dolores et quas molestias excepturi sint,
                                    similique sunt in culpa qui officia deserunt mollitia animi.</p>
                                <a href="blog-single.html" class="btn btn-style btn-primary mt-4">Read More <i class="fas fa-angle-double-right ms-2"></i></a>

                            </div>
                        </div>
                        <div class="single-left1 mt-5">
                            <div class="blg-img">
                                <a href="blog-single.html"><img src="assets/images/banner2.jpg" alt=" " class="img-fluid">
                                    <div class="bl-top">
                                        <h4>26th Sep, 2021</h4>
                                    </div>
                                </a>
                            </div>
                            <div class="btom-cont">
                                <h5 class="card-title"><a href="blog-single.html">Highly Professional Staff, Accurate Testing Processes</a></h5>
                                <ul class="admin-post">
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-user"></span> Admin</a>
                                    </li>
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-tags"></span>Power $& Oil</a>
                                    </li>
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-comments"></span>Comments (15)</a>
                                    </li>
                                </ul>
                                <p class="">Fermentum viverra eros. Praesent neque purus, rhoncus nec nibh non, mollis
                                    sodales odio. Nullam
                                    facilisis diam non magna porta luctus. Aenean facilisis erat posuere erat ornare
                                    ultrices.
                                    semper augue. </p>
                                <a href="blog-single.html" class="btn btn-style btn-primary mt-4">Read More <i class="fas fa-angle-double-right ms-2"></i></a>
                            </div>
                        </div>

                        <div class="single-left1 mt-5">
                            <div class="blg-img">
                                <a href="blog-single.html"><img src="assets/images/banner3.jpg" alt=" " class="img-fluid">
                                    <div class="bl-top">
                                        <h4>26th Sep, 2021</h4>
                                    </div>
                                </a>
                            </div>
                            <div class="btom-cont">
                                <h5 class="card-title"><a href="blog-single.html">Making The Offshore Life Cycle Smarter</a> </h5>
                                <ul class="admin-post">
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-user"></span> Admin</a>
                                    </li>
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-tags"></span>Building Construction</a>
                                    </li>
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-comments"></span>Comments (18)</a>
                                    </li>
                                </ul>
                                <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                                    labore et dolore magna aliqua. Ut enim ad minim sunt in culpa qui officia deserunt. </p>
                                <a href="blog-single.html" class="btn btn-style btn-primary mt-4">Read More <i class="fas fa-angle-double-right ms-2"></i></a>
                            </div>
                        </div>
                        <div class="single-left1 mt-5">
                            <div class="blg-img">
                                <a href="blog-single.html"><img src="assets/images/banner4.jpg" alt=" " class="img-fluid">
                                    <div class="bl-top">
                                        <h4>26th Sep, 2021</h4>
                                    </div>
                                </a>
                            </div>
                            <div class="btom-cont">
                                <h5 class="card-title"><a href="blog-single.html">Highly Professional Staff, Accurate Testing Processes</a></h5>
                                <ul class="admin-post">
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-user"></span>Admin</a>
                                    </li>
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-tags"></span>Power $& Oil</a>
                                    </li>
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-comments"></span>Comments (15)</a>
                                    </li>
                                </ul>
                                <p class="">Fermentum viverra eros. Praesent neque purus, rhoncus nec nibh non, mollis
                                    sodales odio. Nullam
                                    facilisis diam non magna porta luctus. Aenean facilisis erat posuere erat ornare
                                    ultrices.
                                    semper augue. </p>
                                <a href="blog-single.html" class="btn btn-style btn-primary mt-4">Read More <i class="fas fa-angle-double-right ms-2"></i></a>
                            </div>
                        </div>
                        <!-- pagination -->
                        <div class="pagination">
                            <ul>
                                <li> <a href="#none" class="not-allowed" disabled="">
                                        <span class="fa fa-angle-double-left" aria-hidden="true"></span>
                                    </a>
                                </li>
                                <li><a class="active" href="#page">1</a></li>
                                <li>
                                    <a href="#page">2</a>
                                </li>
                                <li>
                                    <a href="#page">3</a>
                                </li>
                                <li>
                                    <a href="#page"><span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- left side blog post content -->

                    <!-- right side bar -->
                    <div class="right-side-bar">

                        <aside class="posts p-4">
                            <h3 class="aside-title">All Categories</h3>
                            <ul class="category">
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span>All <label> (11)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span> Management Construction<label>(24)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span> Building Construction<label>(18)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span> Renovation Contractors <label>(08)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span> Power Energy <label>(38)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span> Power $& Oil<label>(26)</label></a></li>

                            </ul>
                        </aside>
                        <aside class="posts p-4">
                            <h3 class="aside-title">Recent Posts</h3>
                            <div class="posts-grids">
                                <div class="posts-grid-inner">
                                    <div class="posts-grid-left ps-0">
                                        <a href="blog-single.html">
                                            <img src="assets/images/g5.jpg" alt=" " class="img-fluid">
                                        </a>
                                    </div>
                                    <div class="posts-grid-right">
                                        <h4>
                                            <a href="blog-single.html" class="text-bl">How to improve work performance</a>
                                        </h4>
                                        <span class="price"> 11 Minutes ago</span>
                                    </div>
                                </div>
                                <div class="posts-grid-inner">
                                    <div class="posts-grid-left ps-0">
                                        <a href="blog-single.html">
                                            <img src="assets/images/g3.jpg" alt=" " class="img-fluid">
                                        </a>
                                    </div>
                                    <div class="posts-grid-right">
                                        <h4>
                                            <a href="blog-single.html" class="text-bl">How to improve work performance</a>
                                        </h4>
                                        <span class="price"> 15 Minutes ago</span>
                                    </div>
                                </div>
                                <div class="posts-grid-inner">
                                    <div class="posts-grid-left ps-0">
                                        <a href="blog-single.html">
                                            <img src="assets/images/g4.jpg" alt=" " class="img-fluid">
                                        </a>
                                    </div>
                                    <div class="posts-grid-right">
                                        <h4>
                                            <a href="blog-single.html" class="text-bl">How to improve work performance</a>
                                        </h4>
                                        <span class="price"> 11 Minutes ago </span>
                                    </div>
                                </div>
                                <div class="posts-grid-inner">
                                    <div class="posts-grid-left ps-0">
                                        <a href="blog-single.html">
                                            <img src="assets/images/g8.jpg" alt=" " class="img-fluid">
                                        </a>
                                    </div>
                                    <div class="posts-grid-right">
                                        <h4>
                                            <a href="blog-single.html" class="text-bl">How to improve work performance</a>
                                        </h4>
                                        <span class="price"> 11 Minutes ago </span>
                                    </div>
                                </div>
                            </div>
                        </aside>

                        <aside class="posts p-4">
                            <h3 class="aside-title">Our Gallery</h3>
                            <div class="posts-grid">
                                <a href="blog-single.html">
                                    <img src="assets/images/g1.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g2.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g3.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g4.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g5.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g6.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g7.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g8.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g9.jpg" alt=" " class="img-fluid">
                                </a>
                            </div>
                        </aside>
                        <aside class="posts p-4">
                            <h3 class="aside-title">Popular Tags</h3>
                            <ul class="tags-list">
                                <li><a href="#url">Design</a></li>
                                <li> <a href="#url">Building</a></li>
                                <li><a href="#url">Art</a></li>
                                <li><a href="#url">Workers</a></li>
                                <li><a href="#url">Ideas</a></li>
                                <li><a href="#url">Projects</a></li>
                                <li><a href="#url">Renovation</a></li>
                                <li><a href="#url">
                                        Industrial</a></li>

                            </ul>
                        </aside>
                        <aside class="posts p-4">
                            <h3 class="aside-title">Advertisement</h3>
                            <a href="blog-single.html">
                                <img src="assets/images/g8.jpg" alt=" " class="img-fluid">
                            </a>
                        </aside>
                    </div>
                    <!-- //right side bar -->
                </div>
            </div>
        </div>
    </section>
    <!--//blog-section-->
	<div style="margin: 8px auto; display: block; text-align:center;">

<!---728x90--->
 
</div>
    <!--/footer-9-->
    <footer class="w3l-footer9">
        <section class="footer-inner-main py-5">
            <div class="container py-md-3">
                <div class="right-side">
                    <div class="row footer-hny-grids sub-columns">
                        <div class="col-lg-3 sub-one-left">
                            <h6>About </h6>
                            <p class="footer-phny pe-lg-5">Since 1960,. has built a reputation for producing high quality precision fabricated products for use in a variety of industries.</p>
                            <div class="columns-2 mt-lg-5 mt-4">
                                <ul class="social">
                                    <li><a href="#facebook"><span class="fab fa-facebook-f"></span></a>
                                    </li>
                                    <li><a href="#linkedin"><span class="fab fa-linkedin-in"></span></a>
                                    </li>
                                    <li><a href="#twitter"><span class="fab fa-twitter"></span></a>
                                    </li>
                                    <li><a href="#google"><span class="fab fa-google-plus-g"></span></a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 sub-two-right">
                            <h6>Services</h6>
                            <ul>
                                <li><a href="#processing"><i class="fas fa-angle-right"></i> Agriculture Processing</a>
                                </li>
                                <li><a href="#research"><i class="fas fa-angle-right"></i> Chemical Research</a>
                                </li>
                                <li><a href="#metal"><i class="fas fa-angle-right"></i> Metal Engineering</a>
                                </li>
                                <li><a href="#gas"><i class="fas fa-angle-right"></i> Petroleum & Gas</a>
                                </li>
                                <li><a href="#work"><i class="fas fa-angle-right"></i> Mechanical Engineering</a></li>


                            </ul>
                        </div>
                        <div class="col-lg-3 sub-two-right">
                            <h6>Our Links</h6>
                            <ul>

                                <li><a href="#why"><i class="fas fa-angle-right"></i> Why us</a>
                                </li>
                                <li><a href="#licence"><i class="fas fa-angle-right"></i> Licensing
                                    </a>
                                </li>
                                <li><a href="#log"><i class="fas fa-angle-right"></i> Offers
                                    </a></li>
                                <li><a href="#log"><i class="fas fa-angle-right"></i> Changelog
                                    </a></li>
                                <li><a href="#career"><i class="fas fa-angle-right"></i> Careers</a></li>

                            </ul>
                        </div>
                        <div class="col-lg-3 sub-one-left">
                            <h6>Recent Posts </h6>
                            <div class="row fposts-grid-inner mb-4">
                                <div class="col-4 fposts-grid-left ps-0">
                                    <a href="blog-single.html">
                                        <img src="assets/images/g2.jpg" alt=" " class="img-fluid radius-image">
                                    </a>
                                </div>
                                <div class="col-8 fposts-grid-right">
                                    <h4>
                                        <a href="#home" class="text-bl text-left">Lorem ipsum viverra feugiat libero.</a>
                                    </h4>
                                    <p class="time"> 11 Minutes ago</p>
                                </div>
                            </div>
                            <div class="row fposts-grid-inner mb-4">
                                <div class="col-4 fposts-grid-left ps-0">
                                    <a href="blog-single.html">
                                        <img src="assets/images/g3.jpg" alt=" " class="img-fluid radius-image">
                                    </a>
                                </div>
                                <div class="col-8 fposts-grid-right">
                                    <h4>
                                        <a href="#home" class="text-bl text-left">Lorem ipsum viverra feugiat libero.</a>
                                    </h4>
                                    <p class="time"> 11 Minutes ago</p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="below-section mt-5">
                    <div class="copyright-footer">
                        <div class="columns text-left">
                            <p>© Factorship. All rights reserved.All rights reserved. <a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a></p>
                        </div>
                        <ul class="footer-w3list text-right">
                            <li><a href="#url">Privacy Policy</a>
                            </li>
                            <li><a href="#url">Terms &amp; Conditions</a>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </section>

        <!-- Js scripts -->
        <!-- move top -->
        <button onclick="topFunction()" id="movetop" title="Go to top">
            <span class="fas fa-level-up-alt" aria-hidden="true"></span>
        </button>
        <script>
            // When the user scrolls down 20px from the top of the document, show the button
            window.onscroll = function() {
                scrollFunction()
            };

            function scrollFunction() {
                if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                    document.getElementById("movetop").style.display = "block";
                } else {
                    document.getElementById("movetop").style.display = "none";
                }
            }

            // When the user clicks on the button, scroll to the top of the document
            function topFunction() {
                document.body.scrollTop = 0;
                document.documentElement.scrollTop = 0;
            }

        </script>
        <!-- //move top -->
    </footer>
    <!--//footer-9 -->
    <!-- Template JavaScript -->
    <script src="assets/js/jquery-3.3.1.min.js"></script>
    <script src="assets/js/theme-change.js"></script>
    <!--/search-->
    <script src="assets/js/modernizr.custom.js"></script>
    <script src="assets/js/classie.js"></script>
    <script src="assets/js/demo1.js"></script>
    <!--//search-->
    <!-- MENU-JS -->
    <script>
        $(window).on("scroll", function() {
            var scroll = $(window).scrollTop();

            if (scroll >= 80) {
                $("#site-header").addClass("nav-fixed");
            } else {
                $("#site-header").removeClass("nav-fixed");
            }
        });

        //Main navigation Active Class Add Remove
        $(".navbar-toggler").on("click", function() {
            $("header").toggleClass("active");
        });
        $(document).on("ready", function() {
            if ($(window).width() > 991) {
                $("header").removeClass("active");
            }
            $(window).on("resize", function() {
                if ($(window).width() > 991) {
                    $("header").removeClass("active");
                }
            });
        });

    </script>
    <!-- //MENU-JS -->

    <!-- disable body scroll which navbar is in active -->
    <script>
        $(function() {
            $('.navbar-toggler').click(function() {
                $('body').toggleClass('noscroll');
            })
        });

    </script>
    <!-- //disable body scroll which navbar is in active -->
    <!-- //bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>


</body>

</html>
